.web-react {
  .ant-pro-table {
    .ant-pro-table-search {
      margin-bottom: 0;
      padding: 20px 20px 0;
      .ant-form {
        border-bottom: 1px solid var(--color-c05);
        .ant-form-item {
          .ant-row {
            .ant-col-8 {
              flex: 0 0 33.4% !important;
              max-width: 0 0 33.4% !important;
            }
          }
        }
        .ant-row {
          .ant-col {
            .ant-form-item {
              .ant-form-item-control-input {
                width: 170px;
                .ant-form-item-control-input-content {
                  .ant-select {
                    width: 170px;
                  }
                  .ant-select:hover {
                    .ant-select-clear {
                      width: 20px !important;
                    }
                  }
                  .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
                    background: #ebf1f5;
                  }
                }
              }
              &.pro-form-query-filter-actions {
                .ant-form-item-control-input {
                  width: auto;
                }
              }
              .ant-picker {
                padding: 5px 10px;

                .ant-picker-input>input {
                  font-size: 12px;
                }

                .ant-picker-range-separator {
                  padding: 0;

                  svg {
                    font-size: 12px;
                  }
                }

                .ant-picker-suffix {
                  display: none;
                }

                .ant-picker-clear {
                  right: 0px !important;
                  height: 100%;
                  width: 25px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 0 4px 4px 0;
                }
              }
            }
          }
          // .ant-col-6 {
          //   flex: auto;
          //   max-width: max-content;
          // }
        }
      }
    }
    .ant-card .ant-card-body {
      padding: 20px;
    }
    &.no-both-padding > .ant-card > .ant-card-body {
      padding: 20px 0;
    }
    .ant-pro-table-list-toolbar {
      .ant-pro-table-list-toolbar-container {
        padding: 10px 0;
      }
    }
    .ant-table-row:hover {
      background-color: var(--color-c13) !important;
    }
    .ant-table-thead {
      background-color: var(--color-c12) !important;
    }
    .ant-table-tbody > tr.ant-table-row:hover > td {
      background: none !important;
    }
    .ant-table-thead > tr > th {
      background: none !important;
    }
    .ant-table,
    .ant-table-thead > tr > th,
    .ant-table-tbody > tr > td > .ant-typography {
      color: var(--color-c02);
    }
    .ant-table.ant-table-middle .ant-table-title,
    .ant-table.ant-table-middle .ant-table-footer,
    .ant-table.ant-table-middle .ant-table-thead > tr > th,
    .ant-table.ant-table-middle .ant-table-tbody > tr > td,
    .ant-table.ant-table-middle tfoot > tr > th,
    .ant-table.ant-table-middle tfoot > tr > td {
      padding: 9px 8px;
    }
  }

  .ant-table .ant-table-tbody > tr.ant-table-row-selected > td {
    background: initial;
  }
}
